/**
* 作者 ：食草狂魔
*
* 日期 ：2017/11/16
*
* 描述 ：首页组件 - 欢迎信息
*/
<template>
  <el-row class="welcome">
    <el-col class="welcomeRow">
      亲爱的 <span class="userName">"{{roleName}}"</span> ，<span>上午</span>好！
    </el-col>
  </el-row>
</template>
<script>
  export default {
    name: 'welcome',
    components: {
    },
    data () {
      return {
        roleName: localStorage.roleName?localStorage.roleName:"未知角色"
      }
    }
  }
</script>
<style>
  .welcome{
    line-height: 40px;
    text-align: left;
    margin-left: 3%;
    top: 0;
    position: relative;
  }
  .welcome .userName{
    color: #2b77c5;
  }
</style>
